<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
</head>
<body>
    <div class="个人信息">
        <br />
        <form>
        <h3>个人信息</h3>
        <from>
            用户名:<input type="text" name="userName" requied />
            <br />
            密码:<input type="password" name="userPsd" />
            <br />
            性别:
            男<input type="radio" value="boy" name="gender"/>
            女 <input type="radio" value="girl" name="gender" />
            <br />
            生日:<input type="date" />
            <br />
            籍贯:<br>
            <textarea cols="30" rows="10">

            </textarea>
            <br />
            学历:
            <select>
                <option selected="selected">学士</option>
                <option>硕士</option>
                <option>博士</option>
            </select>
        </from>
        <br />
        <div class=其他信息>
            <br />
            <h3>其他信息</h3>
            <form>
                <p>喜欢的课程:</p >
                <p><input type="checkbox" value=1 name=1checked=checked/>web开发技术</p >
                <p><input type="checkbox" value=2 name=2/>Java语言程序设计</p >
                <p><input type="checkbox" value=3 name=3/>数据库原理</p >
                <p><input type="checkbox" value=4 name=4/>系统分析与测试</p >
                <br />
                照片:
                <input type="file" id="my file"/>
                <button id="mybtn">选择文件</button>
                <br />
            </form>
            <input type="submit" value="确定"/>
            <input type="submit" value="重置"/>
        </form>
        </div>
    </div>
</body>
</html>